@charset "utf-8";

/**
*   Made by bysky
*   版本：1.0.0
*   2018.4.26
**/
/*********清除浮动处理**********/
.clearboth { clear:both; }
.cl{ clear:both;}
a{ color:#000;  text-decoration:none;}
a:hover{ color:#FBAB00; text-decoration:none;}
.foot_menu{ width:1100px; height:40px; line-height:40px; margin:0 auto;color:#FFF; text-align:center;}
.foot_menu a{ color:#FFF; margin:0 25px; font-size:18px;}
.foot_menu a:hover{ color:#F00;}
/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*pages*/
.pages{ width:1200px; padding:30px 0; margin:0 auto;}

/*left*/
.left{float:left; width:240px;}

.left .page_prolist{ width:238px; height:auto; border:1px solid #ccc; padding:10px 0;}
.left .pt h3{width:240px; height:35px; line-height:35px;background:#0076bc; text-align:center}
.left .pt h3 span{  font-size:18px;  color:#FFF; }
.left .page_prolistbody {width:240px; height:auto !important; min-height:120px;}
.left .page_prolist h3{color:#0076bc;text-decoration: none;line-height:33px;border-radius: 4px; font-size:16px; padding-left:20px; border-bottom:1px dashed #ccc;}
.left .page_prolist h3:last-child{ border-bottom:none;}
.left .page_prolist li a{color: #F00;text-decoration: none;line-height:33px;
border-radius: 4px; font-size:14px; display:block; padding-left:20px;}


.fenlei{ width:210px; float:left; padding:5px 15px; }
.fenlei ul{ width:210px; float:left;}
.fenlei li{ width:210px; height:35px; border-bottom:1px #CCCCCC dashed; line-height:35px; text-align:center;}
.fenlei img{ float:left; margin-left:5px; margin-right:8px; margin-top:9px;} 
.fenlei li a{ color:#000; font-size:14px;}
.fenlei li a:hover{ color:#0076bc;}

.lianxi{ width:210px; float:left; padding:10px; padding-top:5px; padding-bottom:5px;}

.left .page_contact{ width:240px; height:auto; padding-top:10px;}
.left .page_contact h3{width:240px; height:35px; line-height:35px;background:#0076bc; text-align:center}
.left .page_contact h3 span{  font-size:18px;  color:#FFF; }
.left .page_contactbody {width:240px; height:auto !important; min-height:220px;}
.left .page_contactbody .text{ line-height:28px; padding:10px;}




/*产品分类列表*/
.aboutleft2 {
	width:280px;
	font-size:12px; margin:0 auto; padding-top:10px; height:auto; padding-bottom:10px
}
.aboutleft2 li {
	line-height:47px; float:left;
	width:137px; height:47px; padding-top:0px;background:url(../images/sylistli.jpg) left center no-repeat; border-bottom:0px #AAAAAA dashed; margin:4px 1px 0 2px;
}
.aboutleft2 a {
	height:47px;width:137px;
	line-height:47px;
	float:left;font-size:14px;
    text-align:left; padding-left:30px; color:#fff
}
.aboutleft2 a:hover {
	font-size:14px;width:137px; height:47px;
	text-decoration:none; 
	text-align:left; padding-left:30px; color:#ff6
}


/*右侧主体*/
.boxright{ width:930px; height:auto; float:right;}
.boxright_top{ width:930px; height:35px; border-bottom:1px #0076bc solid;}
.boxright_mid{ width:930px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:930px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:300px; height:35px; line-height:35px; font-size:18px; color:#0076bc; float:left; padding-left:10px;}
.left_zi p{ line-height:7px; color:#004b92; font-size:12px}
.right_zi{ float:right; width:400px; text-align:right;height:35px;line-height:35px; color:#000; margin-right:15px;}
.right_zi a{ color:#000; font-size:12px}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:12px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:12px;color:#0076bc;}
.new1 a:hover {font-size:12px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 218px; margin:4px 6px; height:189px; float: left; overflow: hidden;}
.product li .img{width:216px;height:157px;border: 1px solid #0076bc;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }
.product li a{ display:block;}
.product li img{ max-width:216px; max-height:157px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; font-size:18px;}
.product_related{text-align:center; padding:5px; width:100%}
.contu{ width:100%; height:auto; position:relative;}
.tuleft{ width:50px; height:50px; background:url(../images/1prev.png) no-repeat;position:absolute;left:0px;top:45%;}
.turight{ width:50px; height:50px; background:url(../images/1next.png) no-repeat;position:absolute;right:0px;top:45%;}
.proimg{ text-align:center; width:80%; height:auto; margin:0 auto;}
.proimg .img{width:600px;height:600px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center; margin:0 auto; }
.proimg img{ max-width:600px; max-height:600px;vertical-align:middle;margin:0 auto; }

 .page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#0076bc; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#0076bc; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}


/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}





/****滚动2*********/
.index_Rolla { width:955px; margin:0 auto; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden;  width:955px; margin:0 auto;} 
#indemoa { float: left; width:2000%;}
#demoa #indemoa .img { width:170px;height:220px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoa #indemoa img {max-width:170px; max-height:220px; vertical-align:middle;}
#demoa #indemoa a { display:block; width:auto; float:left; margin:10px 10px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:100%; }
#demoa1 { float: left;}
#demoa2 {float: left;}



.rightfloat{position:fixed;width:49px;top:300px;right:0;z-index:999}
.rightfloat a{display:block;width:49px;height:49px;background:#333 url(../images/pagerightico.png) no-repeat;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-bottom:2px}
.rightfloat a.backtotop{background-position:0 0;display:none;margin-top:-51px}
.rightfloat a.service{background-position:0 -51px}
.rightfloat a.telephone{background-position:0 -100px}
.rightfloat a.qrcode{background-position:0 -153px}
.rightfloat a:hover{background-color:#46c37b}
.rightfloat a.service span,.rightfloat a.telephone span{display:none;color:#fff;line-height:49px;text-align:center;font-size:18px;font-family:"Microsoft YaHei"}
.rightfloat a.service:hover,.rightfloat a.telephone:hover{padding-left:49px;position:relative}
.rightfloat a.service:hover span,.rightfloat a.telephone:hover span{display:inline-block}
.rightfloat a.telephone:hover{width:130px;left:-130px}
.rightfloat a.service:hover{width:85px;left:-85px}
.rightfloat a.qrcode img{position:absolute;right:49px;bottom:0;display:none;width:150px;height:150px;border:3px solid #46c37b}
.rightfloat a.qrcode:hover img{display:inline-block}